<template>
  <avue-crud :option="option1"
             ref="crud"
             :data="data">
    <template #menu="{size,row,index}">
      <el-button text
                 type="primary"
                 icon="el-icon-edit"
                 :size="size"
                 :disabled="index==0"
                 @click="$refs.crud.rowEdit(row,index)">编辑</el-button>
      <el-button text
                 type="primary"
                 icon="el-icon-delete"
                 :size="size">删除</el-button>
    </template>
  </avue-crud>
</template>
<script>
export default {
  data () {
    return {
      option1: {
        editBtn: false,
        delBtn: false,
        column: [{
          label: '姓名',
          prop: 'name'
        }, {
          label: '年龄',
          prop: 'sex'
        }]
      },
      data: [{
        id: 1,
        name: '张三',
        sex: 12,
      }, {
        id: 2,
        name: '李四',
        sex: 20,
      }]
    }
  },
  methods: {

  }
}
</script>